<template>
	<div class="app">
		<div class="topbar" @click='loadsub01'>111111111</div>
		<div class="body">
			<h1>666</h1>
		</div>
		<router-view class='footer'></router-view>
	</div>
</template>

<script>
	export default {
		methods:{
			loadsub01:function () {
				this.$router.push({name:'sub01'});
			}
		}
	}
</script>

<style scoped>
	.app {
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.topbar {
		height: 90px;
		background-color: #017E66;
		line-height: 90px;
		color: white;
		flex:1;
	}
	.body {
		flex:6;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer {
		flex:3;
	}
</style>